<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <!--<meta http-equiv="Access-Control-Allow-Origin" content="*">-->
    <title></title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>

    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>

    <!-- your app's js -->
    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/services.js"></script>

    <style>
        .item-complex .item-content, .item-radio .item-content {/*重新设置背景颜色*/
            position: relative;
            z-index: 2;
            padding: 16px 49px 16px 16px;
            border: none;
            background-color: #E9F3FC; }


        .toggle.toggle-positive input:checked + .track {
            border-color: #4a87ee;
            background-color: #4a87ee; }

        .toggle {
            position: relative;
            display: inline-block;
            pointer-events: auto;
            margin: -5px;
            padding: 12px 5px 5px 5px; }

        .toggle .track {
            -webkit-transition-timing-function: ease-in-out;
            -moz-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
            -webkit-transition-duration: 0.2s;
            -moz-transition-duration: 0.2s;
            transition-duration: 0.2s;
            -webkit-transition-property: background-color, border;
            -moz-transition-property: background-color, border;
            transition-property: background-color, border;
            display: inline-block;
            box-sizing: border-box;
            width: 54px;
            height: 19px;
            border: solid 2px #FF4040;
            border-radius: 20px;
            background-color: #FF4040;
            content: ' ';
            cursor: pointer;
            pointer-events: none; }

        /* Fix to avoid background color bleeding */
        /* (occured on (at least) Android 4.2, Asus MeMO Pad HD7 ME173X) */
        .platform-android4_2 .toggle .track {
            -webkit-background-clip: padding-box; }

        /* the handle (circle) thats inside the toggle's track area */
        /* also the handle's appearance when it is "off" */
        .toggle .handle {
            -webkit-transition: 0.2s ease-in-out;
            -moz-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
            position: absolute;
            display: block;
            width: 20px;
            height: 32px;
            border-radius: 20px;
            background-color: #fff;
            top: 5px;
            left: 11px; }
        .toggle .handle:before {
            position: absolute;
            top: -4px;
            left: -22px;
            padding: 19px 35px;
            content: " "; }

        .toggle input:checked + .track .handle {
            /*-webkit-transform: translate3d(22px, 0, 0);
            -moz-transform: translate3d(22px, 0, 0);
            transform: translate3d(22px, 0, 0);*/
            background-color: #fff; }

        .bar.bar-positive {
            border-color: #63B8FF;
            /*background-color: #4a87ee;
            background-image: linear-gradient(150deg, #145fd7, #FF0000 50%, transparent 50%);
            color: #fff;*/

            /* Firefox 3.6+ */
            background: radial-gradient(circle farthest-side, #2D77CE, #0F5591);
            background: -moz-radial-gradient(circle, #2D77CE, #0F5591);   /* Safari 4-5, Chrome 1-9 */
            /* Can't specify a percentage size? Laaaaaame. */
            background: -webkit-gradient(radial, center center, 0, center center, 460, from(#2D77CE), to(#0F5591));   /* Safari 5.1+, Chrome 10+ */
            background: -webkit-radial-gradient(circle, #2D77CE, #0F5591);

        }

        /*.barStyle{
            font-weight: 700;
            font-size: 14px;
            width: 70px;
            background-image: url("./img/back.png");
            background-size: 70px 32px;
            background-repeat:no-repeat;"
        }*/
        .tabs-striped.tabs-background-positive .tabs {
            /*border-color: #63B8FF;
            background: radial-gradient(circle farthest-side, #2D77CE, #0F5591);
            background: -moz-radial-gradient(circle, #2D77CE, #0F5591);   *//* Safari 4-5, Chrome 1-9 *//*
            *//* Can't specify a percentage size? Laaaaaame. *//*
            background: -webkit-gradient(radial, center center, 0, center center, 460, from(#2D77CE), to(#0F5591));   *//* Safari 5.1+, Chrome 10+ *//*
            background: -webkit-radial-gradient(circle, #2D77CE, #0F5591);*/
            background: linear-gradient(to bottom, #2D77CE, #0F5591);
            /* Firefox 3.6+ */
            background: -moz-linear-gradient(left, #0F5591, #2D77CE 5%, #0F5591, #2D77CE 95%, #0F5591);
            /* Safari 4-5, Chrome 1-9 */
            background: -webkit-gradient(linear, bottom top, bottom top, from(#0F5591), color-stop(0.05, #2D77CE), color-stop(0.5, #0F5591), color-stop(0.95, #2D77CE), to(#0F5591));
            /* Safari 5.1+, Chrome 10+ */
            background: -webkit-linear-gradient(top, #0F5591, #2D77CE 5%, #0F5591, #2D77CE 95%, #0F5591);
            /* Opera 11.10+ */
            background: -o-linear-gradient(top, #0F5591, #2D77CE 5%, #0F5591, #2D77CE 95%, #0F5591);
        }

        .button1{/*弹出框样式*/
            min-width: 230px;
            border-color: #145fd7;
            background-color: #4a87ee;
            color: #fff;
        }
        .button1:hover {
            color: #fff;
            text-decoration: none;
        }
        .button1.activated {
            border-color: #145fd7;
            background-color: #145fd7;
            box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); }

    </style>

</head>
<body ng-app="starter" animation="slide-left-right-ios7">
<!--
  The nav bar that will be updated as we navigate between views.
-->
<!--<ion-nav-bar class="bar-stable nav-title-slide-ios7  bar-positive">
    <ion-nav-back-button class="button-icon icon  ion-ios7-arrow-back">
        返回
    </ion-nav-back-button>
</ion-nav-bar>-->
<!--
  The views will be rendered in the <ion-nav-view> directive below
  Templates are in the /templates folder (but you could also
  have templates inline in this html file if you'd like).
-->
<ion-nav-view></ion-nav-view>
</body>
</html>
